<template>
  <nav-drawer :show="show" :on-close="showNav">
    <nav-menu icon="home" v-link="{name: 'home'}" title="首页"></nav-menu>
    <nav-menu v-link="{name: 'history'}" icon="schedule" title="监控记录"></nav-menu>
    <nav-menu v-link="{name: 'data'}" icon="equalizer" title="统计数据"></nav-menu>
    <nav-divider></nav-divider>
    <nav-menu icon="school" href="http://www.zb591.com/" title="主播培训"></nav-menu>
    <nav-menu icon="explore" href="http://bo12306.yiceba.com/" title="主播导航"></nav-menu>
    <nav-menu icon="power" href="http://www.obsapp.com/#all" title="OBS插件"></nav-menu>
    <nav-divider></nav-divider>
    <nav-menu icon="announcement" href="http://wpa.qq.com/msgrd?v=3&uin=853687760&site=www.yiceba.com&menu=yes" title="意见反馈"></nav-menu>
    <nav-menu icon="perm_contact_calendar" href="http://wpa.qq.com/msgrd?v=3&uin=48878039&site=www.yiceba.com&menu=yes" title="联系我们"></nav-menu>
    <nav-menu icon="help" title="帮助" v-link="{name: 'help'}"></nav-menu>
    <!-- <nav-menu icon="info" title="关于"></nav-menu> -->
  </nav-drawer>
</template>

<script>
import web from './web'
import { isShowNav } from '../../vuex/getters'
import { showNav } from '../../vuex/actions'
export default {
  vuex: {
    getters: {
      show: isShowNav
    },
    actions: {
      showNav: showNav
    }
  },
  components: {
    web
  }
}
</script>

<style lang="css">
</style>
